import clsx from 'clsx';
import Link from '@docusaurus/Link';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
import Layout from '@theme/Layout';


import WebpackBanner from '../components/WebpackBanner';
import styles from './index.module.scss';



export default function Home(): JSX.Element {
  const { siteConfig } = useDocusaurusContext();
  return (
    <Layout
      title={`欢迎来到 ${siteConfig.title}`}
      description="Description will go into a meta tag in <head />">
      <main>
        <div className={styles.wrapp}>
          <div className={styles.tips}>
            👋用于现代 Js 应用程序的静态模块打包工具
          </div>
          <WebpackBanner />

        </div>
      </main>
    </Layout>
  );
}
